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ABSTRACT 


INTRODUCTION: 


This web application comes with a simple interface where a person can simply login or 
register using some basic requirement. That login welcome’s him to the main interface which 
held with some data fields. The main fields are Players, Store, Management, Sponsors, Events. 
The user can simply visit this fields and give support to his favourite team and if a person who is 
dreams to join with this team at any of the field can apply his request through this web 
application. The live updates about the team should be released through the event field in the 
web application. 


OBJECTIVE: 


The main aim of our project is to put a football team under the hand of common people. 
Which means a common man who has an active internet connection and a laptop or a 
smartphone can know the team updates, on time. If a person is highly passionate to join with this 
team in any of the job positions can simply apply through this web application. The team’s 
official store is also available at this application so that purchasing of tickets, jersey’s, badges 
etc. are very easy. whereabout of the sponsors is also displays on the website this makes helpful 
to the sponsors. 


MATERIALS: 


‘SOCCER MANAGEMENT’ web-application is built in Html, CSS, Bootstrap as frontend 
and backend is integrated in PHP. MySQL is used as database to arrange all the data. 
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TOOLS USED 


OPERATING SYSTEM:-WINDOWS 10 
FRONT END:-HTML, CSS, BOOTSTRAP 
BACK END:-PHP 

DATABASE:- MYSQL 


LANGUAGES 


PHP 


PHP is a general-purpose scripting language geared towards web development.[7] It was 
originally created by Danish-Canadian programmer Rasmus Lerdorf in 1994.[8] The PHP 
reference implementation is now produced by The PHP Group.[9] PHP originally stood for 
Personal Home Page,[8] but it now stands for the recursive initialism PHP: Hypertext 
Preprocessor.[10] PHP code is usually processed on a web server by a PHP interpreter 
implemented as a module, a daemon or as a Common Gateway Interface (CGI) executable. On a 
web server, the result of the interpreted and executed PHP code — which may be any type of data, 
such as generated HTML or binary image data — would form the whole or part of an HTTP 
response. Various web template systems, web content management systems, and web 
frameworks exist which can be employed to orchestrate or facilitate the generation of that 
response. Additionally, PHP can be used for many programming tasks outside the web context, 
such as standalone graphical applications[11] and robotic drone control.[12] PHP code can also 
be directly executed from the command line. The standard PHP interpreter, powered by the Zend 
Engine, is free software released under the PHP License. PHP has been widely ported and can be 
deployed on most web servers on a variety of operating systems and platforms.[13] The PHP 
language evolved without a written formal specification or standard until 2014, with the original 
implementation acting as the de facto standard which other implementations aimed to follow. 
Since 2014, work has gone on to create a formal PHP specification.[14] W3Techs reports that, as 
of January 2022, "PHP is used by 78.1% of all the websites whose server-side programming 
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language we know."[15] PHP version 7.4 is the most used version. Support for version 7.3 was 
dropped on 6 December 2021. 


HTML 


The HyperText Markup Language or HTML is the standard markup language for documents 
designed to be displayed in a web browser. It can be assisted by technologies such as Cascading 
Style Sheets (CSS) and scripting languages such as JavaScript. 


Web browsers receive HTML documents from a web server or from local storage and render the 
documents into multimedia web pages. HTML describes the structure of a web 
page semantically and originally included cues for the appearance of the document. 


HTML elements are the building blocks of HTML pages. With HTML constructs, images and 
other objects such as interactive forms may be embedded into the rendered page. HTML 
provides a means to create structured documents by denoting structural semantics for text such as 
headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, 
written using angle brackets. Tags such as <img /> and <input /> directly introduce content 
into the page. Other tags such as <p> surround and provide information about document text 


and may include other tags as sub-elements. Browsers do not display the HTML tags but use 
them to interpret the content of the page. 


HTML can embed programs written in a scripting language such as JavaScript, which affects the 
behavior and content of web pages. Inclusion of CSS defines the look and layout of content. 
The World Wide Web Consortium (W3C), former maintainer of the HTML and current 
maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational 
HTML since 1997.”! A form of HTML, known as HTMLS, is used to display video and audio, 


primarily using the <canvas> element, in collaboration with java script. 


CSS 


Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a 
document written in a markup language such as HTML."! CSS is a cornerstone technology of 
the World Wide Web, alongside HTML and JavaScript.! 


CSS is designed to enable the separation of presentation and content, including layout, colors, 
and fonts.“! This separation can improve content accessibility; provide more flexibility and 
control in the specification of presentation characteristics; enable multiple web pages to share 
formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and 
repetition in the structural content; and enable the .css file to be cached to improve the page load 
speed between the pages that share the file and its formatting. 


Separation of formatting and content also makes it feasible to present the same markup page in 
different styles for different rendering methods, such as on-screen, in print, by voice (via speech- 
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based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for 
alternate formatting if the content is accessed on a mobile device."! 


The name cascading comes from the specified priority scheme to determine which style rule 
applies if more than one rule matches a particular element. This cascading priority scheme is 
predictable. 


BOOTSTRAP 


Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front- 
end web development. It contains HTML, CSS and (optionally) JavaScript-based design 
templates for typography, forms, buttons, navigation, and other interface components. 


MYSQL 


MySQL is an open-source relational database management system (RDBMS) Its name 
is a combination of "My", the name of co-founder Michael Widenius's daughter, '7! and 
"SQL", the abbreviation for Structured Query Language. A relational database organizes 
data into one or more data tables in which data types may be related to each other; these 
relations help structure the data. SQL is a language programmers use to create, modify 
and extract data from the relational database, as well as control user access to the 
database. In addition to relational databases and SQL, an RDBMS like MySQL works 
with an operating system to implement a relational database in a computer's storage 
system, manages users, allows for network access and facilitates testing database 
integrity and creation of backups. 
MySQL is free and open-source software under the terms of the GNU General Public 
License, and is also available under a variety of proprietary licenses. MySQL was owned 
and sponsored by the Swedish company MySQL AB, which was bought by Sun 
Microsystems (now Oracle Corporation). In 2010, when Oracle acquired Sun, 
Widenius forked the open-source MySQL project to create MariaDB 

MySQL has stand-alone clients that allow users to interact directly with a MySQL 
database using SQL, but more often, MySQL is used with other programs to implement 
applications that need relational database capability. MySQL is a component of 
the LAMP web application software stack (and others), which is an acronym 
for Linux, Apache, MySQL, Perl/PHP/Python. MySQL is used by many database-driven 
web applications, including Drupal, Joomla, phpBB, and WordPress. MySQL is also used 
by many popular websites, including Facebook, 
Flickr, MediaWiki, Twitter, and YouTube 
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PROGRAM 
HOME.PHP 


<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="[E=edge"> 
<meta name="viewport” content="width=device-width, initial-scale=1.0"> 
<link rel="stylesheet" href="style.css"> 
<!-- JavaScript Bundle with Popper --> 


' 


<script src="https://cdn.jsdelivr.net/npm/bootstrap@ 5.1 .3/dist/js/bootstrap.bundle.min.js' 
integrity="sha384- 
ka7Sk0GIn4gmtz2M1QnikT1lwXgYsOg+OMhuP+IIRH9sENBOOLRn5q+8nbTov4+1p" 
crossorigin="anonymous"> </script> 


<!-- CSS only --> 


<link href="https://cdn.jsdelivr.net/npm/bootstrap @ 5.1.3/dist/css/bootstrap.min.css" 
rel="stylesheet" integrity="sha384- 
1BmE4kWBq781Y hFldvKuhfTA U6auU8tT94WrHftjDbrCEXSU 1 oBogyl2QvZ6jIW3" 
crossorigin="anonymous"> 


<title> SOCCER MANAGEMENT <‘title> 
</head> 
<body> 
<section id="header-sections"> 
<header> 


<nav class="navbar"> 
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<div class="container-fluid"> 

<div> 
<a href="#" style="text-decoration: none; 
font-weight: 700; font-size: 25px;"> 
SOCCER MANAGEMENT 
</a> 

</div> 

<div class="nav navbar-nav1"> 

<a href="home.php" class="btn text-light">Home</a> 
<a href="registration.php" class="btn text-light">Registration</a> 
<a href="purchase.php" class="btn text-light">Purchase</a> 
<a href="tickets.php" class="btn text-light">Tickets</a> 
<a href="appointment.php" class="btn text-light">Appointment</a> 
<a href="event.php" class="btn text-light">Events</a> 


<a href="admin.php"> <button type="button" class="btn btn-primary text- 
light"><b>ADMIN</b> </button> </a> 


</div> 
</div> 
</nav> 
</header> 
</section> 
<section id="slpor"> 
<img src="sldr1.jpeg" alt="" srcset="" style="width: 100%;"> 
</section> 
<section> 
<section class="about my-5"> 
<div class="container"> 
<h3 style="color: 


#323049;text-align: center;"><u><b>VISION</b></u></h3> 


8|Page 


<p style="line-height: 2.0;color: 


#323049;font-size: 20px;"> Vision is not only about how well you can see, it also involves 17 
different visual skills that enable accurate, smooth, and precise eye movements for clear and 
comfortable vision— all necessary for many daily activities. These visual skills allow you to 
visualize, use your peripheral vision, switch visual focus between target points at varying 
distances, sustain focus on a moving target, and more! 


The 17 visual skills are essential for success in reading, writing, and sports performance. 
Reduced performance in any of these areas may indicate a problem with the visual skills. Vision 
is not only about how well you can see, it also involves 17 different visual skills that enable 
accurate, smooth, and precise eye movements for clear and comfortable vision— all necessary 
for many daily activities. These visual skills allow you to visualize, use your peripheral vision, 
switch visual focus between target points at varying distances, sustain focus on a moving target, 
and more! 


The 17 visual skills are essential for success in reading, writing, and sports performance. 
Reduced performance in any of these areas may indicate a problem with the visual skills.</p> 


</div> 


</section> 


<section> 


<div class="container my-5"> 
<h3 style="color: 
#323049;text-align: center;"><u><b>CLUB GALLERY </b></u></h3> 

<!-- Gallery --> 
<div class="row my-5"> 

<div class="col-lg-4 col-md-12 mb-4 mb-lg-0"> 

<img 
src="match1.jpg" 


class="w-100 shadow-1-strong rounded mb-4" 
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alt="Boat on Calm Water" 


/> 


<img 
src="rr.jpg" 
class="w-100 shadow-1-strong rounded mb-4" 
alt="Wintry Mountain Landscape" 

/> 


</div> 


<div class="col-lg-4 mb-4 mb-lg-0"> 
<img 
src="childs.jpg" 
class="w-100 shadow-1-strong rounded mb-4" 
alt="Mountains in the Clouds" 


/> 


<img 
src="award.jpg" 
class="w-100 shadow-1-strong rounded mb-4" 
alt="Boat on Calm Water" 

/> 


</div> 


<div class="col-lg-4 mb-4 mb-lg-0"> 
<img 
src="boat.jpg” 


class="w-100 shadow-1-strong rounded mb-4" 
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alt="Waves at Sea" 


/> 


<img 
src="dj.jpg” 
class="w-100 shadow-1-strong rounded mb-4" 
alt="Yosemite National Park" 
/> 
</div> 
</div> 
<!-- Gallery --></div> 


</div> 


</section> 
<!-- Footer --> 


<footer class="page-footer font-small blue"> 


<!-- Copyright --> 
<div class="footer-copyright text-center py-3 text-light">© 2022 Copyright: 


<a href="https://mdbootstrap.com/" class="text-light" style="text-decoration: none;">Soccer 
Management System</a> 


</div> 


<!-- Copyright --> 


</footer> 

<!-- Footer --> 
</section> 
</body> 
</html> 
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COONECT.PHP 
<?php 

$host = "localhost"; 
$users = "root"; 
$pass ="; 
$database ="club"; 


$connection = mysqli_connect($host,$users,$pass,$database); 


?> 


12|Page 


Screenshoot 


Current server: 


MySQL 
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New 
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_¥ purchase 
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(5) Browse } Structure [}) SQL 4 Search H¢ Insert } Export [% Import 2+ Privileges g Operations 26 Triggers 
# Name Type Collation Attributes Null Default Comments Extra Action 
O01 id inti) No None AUTO_INCREMENT ? Change @ Drop ~ More 
(0 2.) names varchar(250) latin1_swedish_ci No None o Change @ Drop w More 
( 3° gender varchar(250) Jatin’_swedish_ci No None @ Change @ Drop w More 
(O 4 email varchar(250) latin1_swedish_ci No None Change @ Drop w More 
OO 5 place = varchar(250) latin1_swedish_ci No None @ Change @ Drop w More 
() 6 phone int(250) No None ? Change @ Drop w More 
O 7 age varchar(250) latini_swedish_ci No None @ Change @ Drop w More 
(J 8 time — varchar(250) latini_swedish_ci No None Change @ Drop w More 


t © Check all With selected: [=|] Browse gf Change @Drop {Primary [ig Unique 


Ej index =) Fulltext — (5) Fulltext 


® Print Propose table structure @ jj Movecolumns gt Normalize 


Be Add \4 column(s) | after time v Go) 

Indexes @ 

Action Keyname Type Unique Packed Column Cardinality Collation Null Comment 
| Edit © Drop PRIMARY BTREE Yes No id 0 A No 

Create an index on 1 columns | Go 


(i Server: MySQL-3306 » @ Database: club » fj Table: purchase 


(|) Browse ‘ Structure [7 SQL 4 Search Hé Insert ££} Export {a Import | = Privileges gf” Operations 26 Triggers 


# Name Type Collation Attributes Null Default Comments Extra Action 
0 1 id _ int(11) No None AUTO_INCREMENT gf Change @ Drop ~ More 
(J 2) name _int(11) No None ® Change @ Drop w More 
0 3° email _ int(11) No None @ Change @ Drop w More 
(] 4 place _ int(11) No None o” Change @ Drop w More 
OO 5 phone _int(11) No None @ Change @ Drop w More 
1) 6 item _ int(i1) No None ~ Change @ Drop vw More 
© 7 color _ int(11) No None @ Change @ Drop w More 
OO 8 size int(11) No None «? Change @ Drop w More 
OO 9 country int(11) No None @ Change @ Drop w More 


t 0 Check all With selected: (=) Browse g?Change @ Drop & Primary fg Unique {Ej Index {| Fulltext [yj Fulltext 


B Print {& Propose table structure @ 4b Move columns F Normalize 


je Add | 1 column(s) | after country v Go 

Indexes @ i" 

Action Keyname Type Unique Packed Column Cardinality Collation Null Comment 

wo Edit @ Drop PRIMARY BTREE Yes No id 0 A No 
== — = = = 
| Create anindexon 1 columns Go 

Partitions @ }|— 


i] Server. MySQL-3306 » 


phpMyAdmin 


2ale ae | | Browse ¥ Structure [} SQL 4 Search H¢ Insert } Export [sb Import = Privileges gf” Operations 3 Triggers 
Current server: | 
# Name Type Collation Attributes Null Default Comments Extra Action 
MySQL 4 10 1 id int(11) No None AUTO_INCREMENT ? Change @ Drop w More 
Recent Favorites (J 2° name varchar(250) latin1_swedish_ci No None o? Change @ Drop w More 
e 
N (0 3° email varchar(250) latin1_swedish_ci No None @ Change @ Drop w More 
—.6 New 
=.) bus management | (1) 4 phone varchar(250) latin1_swedish_ci No None ? Change @ Drop w More 
g New (0 5 events varchar(250) latin1_swedish_ci No None @ Change @ Drop w More 
5 AA : 
I B@ complaints (J 6 place varchar(250) latini_swedish_ci No None o Change @ Drop v More 
ert purchase = : - : 
th registration (J) 7 date — varchar(250) latin1_swedish_ci No None @ Change @ Drop w More 
ae stay {J 8 time — varchar(250) latin1_swedish_ci No None w Change @ Drop w More 
Bt ticket 1/0 9 at varchar(250) latin1_swedish_ci No None @ Change @ Drop w More 
=H club 
Le New | t 1 Check all With selected: [=|Browse g?Change @ODrop 4>Primary [gj Unique {E|Index [if] Fulltext [>] Fulltext 
+_/, appoinment i— 
“ey event Print G&Propose table structure @ 4 Movecolumns * Normalize 
+. purchase | ec Add 1 column(s) after qty v Go 
a information_schema 
+4) mysql | | Indexes 2 
I 
+4) performance_schema 7 ™ <a = 
+ a || Action Keyname Type Unique Packed Column Cardinality Collation Null Comment 
ww sy; & Edit @ Drop PRIMARY BTREE Yes No id 0 A No 
Create anindexon 1 columns Go 
| 
wh localhost / MySQL / club / event x | W = Bootstrap (front-end framework) x  @ SOCCER MANAGEMENT x + v = x 
€ S QO localhost/project/registration.php ~ ere & ce) : 
TE Apps (© YouTube M Gmail @ Maps @) News Bp Translate G NewTab @ mmtuts|yiffparty fp Client Area-Freen... [J Adding Bootstrap |... 4 import java.io.*; //.. » Reading list 
SOCCER MANAGEMENT Home _ Registration Purchase Tickets Appointment Events ADMIN 


Welcome To Soccer Management System 


Name 


Enter your name 
Gender 
Selectyour gender = 


Email address 


root 


Place 


Enter your place 


Phone 


Enter your phone number 


Age 


Enter your age 
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ih; localhost / MySQL / club /event x | W_ Bootstrap (front-end framework) x 


<€ CS QO localhost/project/purchase.php 


@& News 
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T-Shirts 


Our club deliver high quality 
products to each customers 


Name 


By Translate 


Cc SOCCER MANAGEMENT x + 
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me Registration 


T-Shirts 


Our club deliver high quality 
products to each customers. 


Enter details to conform your order 


Enter your name 


ilk localhost / MySQL/club/event x | 


e ca 


@ YouTube 


® localhost/project/tickets.php 


@ News 


Apps M Gmail @Q Maps 


OCCER MANAG 


T-Series for men 


Limted offer to buy upcoming 
matches ticket 50% off using 
promocode NEW, 


Name 
localhost/project/tickets.php 
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W Bootstrap (front-end framework 


Be Translate 


x cS SOCCER MANAGEMENT x + 


G NewTab @ mmtuts | yiffiparty 


fin Client Area-Freen... [i 


Home __ Registration 


T-Series for female 
Limted offer to buy upcoming 
matches ticket 50% off using 
promocode NEW. 


Enter details to conform your order 


Purchase 


Purchase 


v - a x 
eax eB: 
EB Adding Bootstrap |... 4 import java.io.*; //.. » Reading list 


kets 


T-Shirts 


Our club deliver high quality 


products to each customers 


Adding Bootstrap |... 4 import java.io. 


Tickets Appointment 


T-Series under 18 


Limted offer to buy upcoming 
matches ticket 50% off using 
promocode NEW. 


Appointment 


Events ADMIN f] 


= ax 
ear 2B: 


» Reading list 


Events ADMIN 


i localhost / MySQL / club /event x | W Bootstrap (front-end framework) X @ Document x + we = x 
€ GC QO localhost/project/appointment.php @rx ® L*) 
Apps @@ Y M Gmail Q Maps BB News By Tran: @ momtuts | yiffparty fy Client Area -Freen... [J Addin ap |. S import java.io." //, » | [] Reading list 


me Registration 


Purchase 


Tickets Appointment Events 


localhost/project/appointment.php 


Enter your details to book an appointment 


Name 


Enter your name 
Gender 


Selectyour gender 


Email address 


Phone 


Enter 


our pho 


Ha localhost / MySQL/ club / event X | W = Bootstrap (front-end framework) X 4 + v = x 
= S QO bocalhost/proj tphp ek +B: 
Apps @@ YouTube M Gmail Q Maps @ N Be Translate G NewTab @ mmtuts|yiffparty fq Client Area-Freen.. [J Adding B % import java.io.*: //. » | GE] Reading list 


OCCER MANAGEM 


Home Registration Purchase 


PRO FOOTBALL 
HALL OF FAME 
OF 2020 


a? 


Tickets Appointment Events ADMIN 


T-Series santa party 


Limted offer to buy upcoming 
events ticket 50% off using 
promocode NEW, 


T-Series award night 


Limted offer to buy upcoming 
events ticket 50% off using 
promocode NEW. 


Enter details to conform your order 


Name 


localhost/project/event.php 
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T-Series beach party 


Limted offer to buy upcoming 
events ticket 50% off using 
promocode NEW. 


Wh localhost / MySQL/club/event x | W Bo 


€ SC QO localhost/project/admin 


SOCCER MANAGEMENT 
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Apps @@ YouTube M Gmail Q Maps (] News Bp Translate 


trap (front-end framework) x @ Document 


Table Name 


Registration 


Purchase 


Ticket 


Appointment 


Event 


me Registration 


TABLE DETAILS 


Operations 


yiff.part Client Area - Freen, 


@ mmtuts|y 


Purchase 


El Adding 8 


Tickets 


import java.io." 


Appointment 


Events 


eran 


» 


Reading list 


ADMIN 


CONCLUSION 


The project training undertaken by me at "Tribhuvan University" helped me in not only 
gaining practical experience but also to adapt the technical skilland procedures. 


It is said that no system is perfect; every system has some limitations and flaws. Taking 
this into consideration, the project "Soccer Management" for "Database Management System" 
has been carried out successfully. 


Thus, I confidently conclude that this was not only beneficial in its technical and 
educational aspect but also wins equality in building up my personality. 
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